<template>
  <router-view v-slot="{ Component }">
    <transition
      name="el-fade-in-linear"
      mode="out-in"
      appear
    >
      <keep-alive :include="tagsStore.getTags">
        <component
          :is="Component"
          :key="tagsStore.activeTag"
        />
      </keep-alive>
    </transition>
  </router-view>
</template>

<script>
import useTagsStore from '@/store/tags'
export default {
  name: 'ParentLayout'
}
</script>
<script setup>
const tagsStore = useTagsStore()
</script>

<style scoped lang='scss'>
</style>
